/*
Stolen from pragprog's depot application
http://media.pragprog.com/titles/rails4/code/depot_b/public/stylesheets/depot.css
*/

/**********************************************
Styles for the top-menu
**********************************************/

#top-menu {
    margin-left: 15em;
    padding-top: 1em;
}

#top-menu td {
    font: 110% sans-serif;
    padding-right: 2em;
}

#top-menu a {
    color: #666;
    text-decoration: none;
    font-weight: bold;
}

#top-menu a:hover {
    color: #fff;
    background-color:#000;
    text-decoration: underline;
}

/**********************************************
Styles form the main content
**********************************************/

#main-content {
    margin-left: 15em;
    padding-top: 4ex;
}

#main-content p {
    padding-left: 1em;
}

#main-content .list_actions {
    font-size:    x-small;
    text-align:   right;
    padding-left: 1em;
    padding-right: 3em;
}

#main-content .store_sort_actions {
    font-size:    x-small;
    text-align:   left;
    padding-left: 3em;
    padding-right: 3em;
    padding-bottom: 1em;
    color:        #99ff99;
    border-bottom: 1px solid #FFA;
}

#main-content .store_filter_actions {
    font-size:    x-small;
    text-align:   right;
    padding-left: 1em;
    padding-right: 3em;	
}

/**********************************************
Styles for products/index
**********************************************/

#product_list table {
    border-collapse: collapse;
    margin-top: 1em;
    margin-left: 1em;
}

#product_list table tr td {
    padding: 5px;
    vertical-align: top;
    width: 10%;
}

#product_list .list_image {
    width:        60px;
    height:       70px;
}

#product_list .list_description {
    width:        60%;
}

#product_list .list_description dl {
    margin: 0;
}

#product_list .list_description dt {
    color:        #FFA;
    font-weight:  bold;
    font-size:    larger;
}

#product_list .list_description dd {
    margin: 0;
}

#product_list .list_actions {
    font-size:    x-small;
    text-align:   right;
    padding-left: 1em;
}

#product_list .list_line_even {
  background:   #e0f8f8;
}

#product_list .list_line_odd {
    background:   #f8b0f8;
}

/**********************************************
Store div styles
**********************************************/

#store #notice {
    color: #000;
    border: 2px solid red;
    padding: 1em;
    margin-bottom: 1em;
    background-color: #999999;
    font: bold smaller sans-serif;
    width: 50%;
}

#store h1 {
    font:  200% sans-serif;
    color: #006600;
    border-bottom: 3px dotted #006600;
}

/*
An entry in the store catalog
*/

#store  .entry {
  overflow: auto;
  margin-top: 1em;
  border-bottom: 1px dotted #77d;
}

#store  .title {
  font-size: 120%;
  font-family: sans-serif;
}

#store .entry img {
  width: 80px;
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
}

#store .entry h3 {
 margin-top: 0;
 margin-bottom: 2px;
 color: #227;
}

#store .entry p {
 margin-top: 0.5em; 
 margin-bottom: 0.8em; 
}

#store .entry .price_line {
 clear: both;
 margin-bottom: 0.5em;
}

#store .entry .add_to_cart {
  position: relative;
}

#store .entry  .price {
  color: #44a;
  font-weight: bold;
  margin-right: 2em;
}

/*
 cart styles
*/

#main-content .cart_table .total_line{
    text-align: right;
    font-weight: bold;
    border-top: 1px solid #595
}

#cart_summary {
    text-align: right;
	float: right;
	font-size: x-small;
}
